<template>
  <div>
    <div class="intro-footer border-top">
      <div class="footer-price">
        在线支付&nbsp;&nbsp;￥
        <span class="footer-price-num">{{chooseList.price}}</span>
      </div>
      <div
        class="footer-button"
        @click="handleIntroduceShow"
      >
        立即预订
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'IntroduceFooter',
  props: {
    chooseList: Object
  },
  methods: {
    handleIntroduceShow () {
      this.$emit('introduceClose')
    }
  }
}
</script>

<style lang="stylus" scoped>
  .intro-footer
    height: 1rem;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    line-height: 1rem;
    .footer-price
      flex: 1;
      font-size: .24rem;
      color: #999;
      text-indent: .2rem;
      .footer-price-num
        font-size: .48rem;
        color: #ff9800;
    .footer-button
      flex: 1;
      background: #ff9800;
      font-size: .4rem;
      text-align:center;
      color: #fff;
</style>
